صفحه نخست روزنامه های اصفهان (نوزدهم اسفند 1403)

صفحه نخست روزنامه های اصفهان (نوزدهم اسفند 1403) صفحه نخست روزنامه های اصفهان (نوزدهم اسفند 1403) صفحه نخست روزنامه های اصفهان (نوزدهم اسفند 1403) صفحه نخست روزنامه های اصفهان (نوزدهم اسفند 1403) صفحه نخست روزنامه های اصفهان (نوزدهم اسفند 1403) #carousel174270, #thumbs174270 , #carousel_desc174270 { overflow: hidden; } #carousel-wrapper174270 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel-wrapper2174270 .caroufredsel_wrapper img{ border-radius: 10px; border : 2px solid #839494 } #carousel174270 span { display: block; float: left; } #carousel174270 img { display: block; } #thumbs174270 a, #thumbs174270 img { display: block; float: left; } #carousel_desc174270 span { width: 100%; /* height: 100%; */ display: block; float: left; position: relative; padding: 9px; text-align: center; } #carousel174270 span, #carousel174270 a, #thumbs174270 span, #thumbs174270 a { position: relative; display: block; height: 100%; } #carousel174270 img { border: none; max-width: 100%; margin:0 auto; height:100%; } #thumbs174270 img { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #carousel174270 span { width: 554px; height: 313px; } #carousel_desc174270 span { width: 554px; height: auto; } #thumbs-wrapper174270 { padding: 20px 40px; position: relative; } #thumbs174270 a { border: 2px solid #899; width: 150px; height: 100px; margin: 0 10px; overflow: hidden; border-radius: 10px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; } #thumbs174270 a:hover, #thumbs174270 a.selected { border-color: #566; } .fluid_container_album img#shadow { width: 100%; position: absolute; bottom: 0; } .next_thumbnail174270 { background-position: -19px 0; right: 10px; } .next_thumbnail174270:hover { background-position: -19px -20px; } .prev_thumbnail174270 { background-position: 0 0; left: 10px; } .prev_thumbnail174270:hover { background-position: 0 -20px; } .next_thumbnail174270, .prev_thumbnail174270 { background-image: url("/client/themes/fa/main/img/carousel_nav.png"); display: block; height: 20px; margin-top: -10px; position: absolute; top: 50%; width: 19px; } $(function() { $('#carousel174270').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '56%' }, scroll: { fx: 'directscroll' } }); $('#carousel_desc174270').carouFredSel({ responsive: true, circular: false, auto: false, items: { visible: 1, width: 200, height: '5%' }, scroll: { fx: 'directscroll' } }); $('#thumbs174270').carouFredSel({ responsive: true, circular: false, auto: false, prev: '.next_thumbnail174270', next: '.prev_thumbnail174270', items: { visible: { min: 2, max: 6 }, width: 150, height: '66%' } }); $('#thumbs174270 a').click(function() { $('#carousel174270').trigger('slideTo', '#' + this.href.split('#').pop() ); /* $('#carousel_desc174270').trigger('slideTo', '#' + this.href.split('#').pop() ); */ $('#thumbs174270 a').removeClass('selected'); $(this).addClass('selected'); return false; }); });